<script setup>
import { ref, reactive } from 'vue';
let items = reactive([
    {
        id: 'item1',
        message: "薯片"
    },
    {
        id: 'item2',
        message: "可乐"
    }
])

</script>


<template>
    <ul>
        <li v-for="item,   in items" :key="item.id">
            {{ item.message }} 
        </li>
    </ul>
    

</template>


<style scoped></style>